<!DOCTYPE html>
<!-- saved from url=(0060)https://y.qq.com/portal/profile.html#stat=y_new.top.user_pic -->
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库">
    <meta name="description"
          content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。">
    <meta name="mobile-agent" content="format==[html5];url=https://y.qq.com/m/index.html">
    <meta name="applicable-device" content="pc">
    <title>我的音乐 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <link rel="canonical" href="https://y.qq.com/portal/profile.html">
    <!--<script type="text/javascript">
        var _speedMark = new Date();
    </script>

    <script>
    </script>
    <script id="mod_spt">
        if(window.location.protocol != 'https:') window.location.replace(window.location.href.replace('http://', 'https://'));
        (function(m, o, d, u, l, a, r) {
            if(m[o]) {
                return;
            }

            function f(n) {
                return function() {
                    r.push(n, arguments);
                    return a;
                }
            }
            m[o] = a = {
                args: (r = []),
                resourceMap: f(0),
                async: f(1)
            };
            u = d.createElement("script");
            u.id = o + "node";
            u.async = true;
            u.src = "//y.gtimg.cn/c/=/music/portal/js/common/map.js,/music/portal/js/common/music/mod.js?r=" + parseInt(new Date() / 600000);
            l = d.getElementsByTagName("head")[0];
            l.appendChild(u);
        })(window, "require", document);
        window.SPD = {
            _timing: {},
            _start: (new Date()),
            mark: function(a, b) {
                this._timing[a] = (b || new Date()) - this._start
            }
        };
    </script>-->
    <script id="requirenode" async="" src="js/mod.js"></script>
    <link rel="stylesheet" href="css/layout_0412.css">
    <link rel="stylesheet" href="css/profile_61ea2fe1.css">
    <!--<script type="text/javascript">
        SPD.mark(31); // CSS加载完毕
    </script>-->
    <style type="text/css">
        .emojicon-m {
            min-height: 1em !important;
            min-width: 1em !important;
            max-height: 1em !important;
            max-width: 1em !important;
            vertical-align: middle !important;
            float: none !important;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            display: inline-block;
        }
    </style>
    <style type="text/css">
        .emojicon-m {
            min-height: 1em !important;
            min-width: 1em !important;
            max-height: 1em !important;
            max-width: 1em !important;
            vertical-align: middle !important;
            float: none !important;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            display: inline-block;
        }
    </style>
    <style>
        #like_mv_box {
            padding-top: 50px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="css/qb-ie-remind.css">
    <!--[if lt IE 8]>
    <script src='//stdl.qq.com/stdl/qb/js/json2.js'></script><![endif]-->
    <script charset="utf-8" async="" src="js/qblog.js"></script>
    <!--lagou样式-->
    <link rel="Shortcut Icon" href="http://www.lagou.com/h/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="style/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="style/css/external.min.css"/>
    <link rel="stylesheet" type="text/css" href="style/css/popup.css"/>
    <!--    <script type="text/javascript" src="style/js/additional-methods.js"></script>-->
    <!--[if lte IE 8]>
    <script type="text/javascript" src="style/js/excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="style/js/conv.js"></script>
</head>

<body class="os_mac">

<!-- 头部 S -->

<script>
    if (window.ActiveXObject || window.msIsStaticHTML) {
        var ie = 6;

        if (!!window.XMLHttpRequest) {
            ie = 7
        }
        ;
        if (navigator.userAgent.indexOf("MSIE 7.0") != -1) {
            ie = 7
        }
        ;
        if (navigator.userAgent.indexOf("Trident/4.0") != -1) {
            ie = 8
        }
        ;
        if (navigator.userAgent.indexOf("Trident/5.0") != -1) {
            ie = 9
        }
        ;
        if (navigator.userAgent.indexOf("Trident/6.0") != -1) {
            ie = 10
        }
        ;
        if (navigator.userAgent.indexOf("Trident/7.0") != -1 || "undefined" == typeof attachEvent) {
            ie = 11
        }
        ;
        if (ie < 8) {
            document.write("<div class=\"popup_top\"  id=\"zoom_warn\">使用更高版本的 <a href=\"http://www.google.cn/intl/zh-CN/chrome/browser/desktop/\" target=\"_blank\">Chrome</a> 或 <a href=\"https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads\" target=\"_blank\">Internet Explorer</a>，体验更精彩</div>");
        }
    }
</script>
<div class="mod_header">
    <div class="section_inner">
        <h1 class="qqmusic_title"><a href="https://y.qq.com/"><img
                srcset="//y.gtimg.cn/mediastyle/yqq/img/logo@2x.png?nowebp=1 2x" src="images/logo.png" alt="QQ音乐"
                class="qqmusic_logo"></a></h1>
        <!-- 导航 S -->
        <!--
    当前态 & hover 用 top_nav__link--current
    参考Im.qq.com的交互
-->
        <ul class="mod_top_nav" role="nav">
            <li class="top_nav__item">
                <a href="index.html" class="top_nav__link" title="音乐馆">音乐馆</a>
            </li>
            <li class="top_nav__item">
                <a href="personalInfo.html" class="top_nav__link top_nav__link--current"
                   title="我的音乐">我的音乐</a>
            </li>
            <li class="top_nav__item top_nav__item--subnav">
                <a href="https://y.qq.com/download/index.html" class="top_nav__link" title="客户端" rel="noopener"
                   target="_blank">客户端</a>
                <img src="http://y.gtimg.cn/mediastyle/yqq/extra/mark_1.png" class="top_nav__mark">
                <div class="popup_data_detail client_privilege">
                    <div class="popup_data_detail__cont">
                        <p><i class="client_privilege__icon client_privilege__icon--hq"></i>HQ高品质 全员开启</p>
                        <p><i class="client_privilege__icon client_privilege__icon--dts"></i>独家音效 全面升级</p>
                        <p><i class="client_privilege__icon client_privilege__icon--skin"></i>轻盈视觉 动态皮肤</p>
                        <a href="javascript:;" class="client_privilege__btn" id="top_pop_download">下载体验</a>
                    </div>
                </div>
            </li>
            <li class="top_nav__item">
                <a href="https://y.qq.com/vip/daren_recruit/apply.html" data-stat="y_new.top.darenrecruit"
                   class="top_nav__link js_nav_click" title="音乐号" rel="noopener" target="_blank">音乐号</a>
            </li>
            <li class="top_nav__item">
                <a href="https://y.qq.com/portal/vipportal/index.html" class="top_nav__link" title="VIP" rel="noopener"
                   target="_blank">VIP</a>
            </li>

        </ul>
        <ul class="mod_top_subnav" style="display:none;">
            <li class="top_subnav__item">
                <a href="https://y.qq.com/" class="top_subnav__link">首页</a>
            </li>
            <li class="top_subnav__item">
                <a href="https://y.qq.com/portal/singer_list.html" class="top_subnav__link">歌手</a>
            </li>
            <li class="top_subnav__item">
                <a href="https://y.qq.com/portal/album_lib.html" class="top_subnav__link">新碟</a>
            </li>
            <li class="top_subnav__item">
                <a href="https://y.qq.com/n/yqq/toplist/4.html" class="top_subnav__link">排行榜</a>
            </li>
            <li class="top_subnav__item">
                <a href="https://y.qq.com/portal/playlist.html" class="top_subnav__link">分类歌单</a>
            </li>
            <!--<li class="top_subnav__item">
    <a href="/portal/radio.html" class="top_subnav__link">电台</a>
</li>-->
            <li class="top_subnav__item">
                <a href="https://y.qq.com/portal/mv_lib.html#t6=2" class="top_subnav__link">MV</a>
            </li>
        </ul>
        <!-- 导航 E -->
        <div class="mod_top_search" role="search">
            <div class="mod_search_input">
                <input class="search_input__input" type="text" aria-label="请输入搜索内容" placeholder="搜索音乐、MV、歌单、用户"
                       accesskey="s">
                <button class="search_input__btn"><i class="icon_search sprite"></i><span class="icon_txt">搜索</span>
                </button>
            </div>
            <div class="js_smartbox">
                <div class="mod_search_other" style="">
                    <div class="search_hot">
                        <dl class="search_hot__list" aria-labelledy="search_hot__tit">
                            <dt class="search_hot__tit">热门搜索</dt>
                            <dd>

                                <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                   data-name="该死的温柔">
                                    <span class="search_hot__number">1</span>
                                    <span class="search_hot__name">该死的温柔</span>
                                    <span class="search_hot__listen">40.6万</span>
                                </a>

                                <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                   data-name="不能说的秘密">
                                    <span class="search_hot__number">2</span>
                                    <span class="search_hot__name">不能说的秘密</span>
                                    <span class="search_hot__listen">34.2万</span>
                                </a>

                                <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                   data-name="盗将行">
                                    <span class="search_hot__number">3</span>
                                    <span class="search_hot__name">盗将行</span>
                                    <span class="search_hot__listen">33.9万</span>
                                </a>

                                <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                   data-name="林俊杰">
                                    <span class="search_hot__number">4</span>
                                    <span class="search_hot__name">林俊杰</span>
                                    <span class="search_hot__listen">23.6万</span>
                                </a>

                                <a href="javascript:;" class="search_hot__link js_smartbox_search js_left"
                                   data-name="学到老爱到老">
                                    <span class="search_hot__number">5</span>
                                    <span class="search_hot__name">学到老爱到老</span>
                                    <span class="search_hot__listen">21.2万</span>
                                </a>

                            </dd>

                        </dl>
                    </div>

                    <div class="search_history">
                        <dl class="search_history__list">
                            <dt class="search_history__tit">搜索历史<a href="javascript:;"
                                                                   class="search_history__clear js_smartbox_delete_all"><i
                                    class="icon_history_clear"></i><span class="icon_txt">清空</span></a></dt>

                            <dd class="search_history__item">
                                <a href="javascript:;" class="search_history__link js_smartbox_search js_left"
                                   data-name="华研爱情故事集">华研爱情故事集</a>
                                <a href="javascript:;" class="search_history__delete js_smartbox_delete"
                                   data-name="华研爱情故事集" title="删除"><i class="search_history__icon_delete"></i><span
                                        class="icon_txt">删除</span></a>
                            </dd>

                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <div class="header__opt">

            <!-- 未登录 -->
            <span class="mod_top_login">
		    <a class="top_login__link js_logined" href="https://y.qq.com/portal/profile.html#stat=y_new.top.user_pic"
               onclick="setStatCookie&amp;&amp;setStatCookie();" style=""><img
                    src="http://thirdqq.qlogo.cn/g?b=sdk&amp;k=Pq9TsFXjvZlkb1znuJAy7A&amp;s=140&amp;t=1557086785"
                    onerror="this.src=&#39;//y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=2592000&#39;;this.onerror=null;"
                    class="top_login__cover js_user_img"><img src="images/login_qq.png" class="top_login__icon"></a>
                    <a class="top_login__link js_login" data-stat="y_new.top.login" href="javascript:;"
                       style="display: none;">
                        登录
                    </a>

                    <a class="login__link header__link js_login" data-stat="y_new.top.login" href="javascript:;"
                       style="display: none;">登录</a>
                    <a class="mod_btn_green top_login__btn_vip js_openvip" data-aid="music.pc.20316.newyqqtop"
                       data-stat="music.20316.btnclick.pc" href="javascript:;">开通绿钻豪华版</a>
		    <a class="mod_btn top_login__btn_vip js_openmusic" data-aid="music.pc.20317.newyqqtop"
               data-stat="music.20317.btnclick.pc" href="javascript:;">开通付费包</a>
                </span>

            <!-- 用户信息 -->
            <div class="popup_user" style="">
                <div class="popup_user_data">
                    <a href="https://y.qq.com/portal/profile.html#stat=y_new.top.pop.user_pic"
                       class="popup_user_data__cover_link" onclick="setStatCookie&amp;&amp;setStatCookie();">
                        <img src="http://thirdqq.qlogo.cn/g?b=sdk&amp;k=Pq9TsFXjvZlkb1znuJAy7A&amp;s=140&amp;t=1557086785"
                             onerror="this.src=\&#39;//y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=2592000\&#39;;this.onerror=null;"
                             class="popup_user_data__cover js_user_img">

                        <img src="images/login_qq.png" class="popup_user_data__icon">

                    </a>
                    <!-- 自动垂直居中 -->
                    <div class="popup_user_data__cont">
                        <div class="popup_user_data__name">
                            <a href="https://y.qq.com/portal/profile.html#stat=y_new.top.pop.user_nickname"
                               onclick="setStatCookie&amp;&amp;setStatCookie();" class="">□ ＂冷漠□</a>
                        </div>
                        <div class="popup_user_data__lv">
                            <a href="https://y.qq.com/portal/vipportal/index.html" class="js_vip_jump"
                               data-stat="y_new.top.pop.vip_icon" rel="noopener" target="_blank"><img
                                    src="images/svip_g.png" alt="绿钻" class="popup_user_data__lv_icon"></a>
                            <a href="https://y.qq.com/vip/fufeibao/index.html" class="js_vip_jump"
                               data-stat="y_new.top.pop.vip_icon" rel="noopener" target="_blank"><img
                                    src="images/sui_g.png" alt="付费音乐包" class="popup_user_data__lv_icon"></a>
                        </div>
                    </div>
                </div>

                <div class="popup_user_toolbar">
                    <!--绿钻-->
                    <div class="popup_user_toolbar__item">
                        <div class="popup_user_toolbar__tit">
                            <a href="https://y.qq.com/portal/vipportal/index.html" target="_blank"
                               rel="noopener">绿钻豪华版</a>
                        </div>
                        <div class="popup_user_toolbar__desc c_tx_thin">

                            开通立即赠送付费音乐包

                        </div>
                        <a class="mod_btn_green popup_user_toolbar__btn_vip js_openvip" href="javascript:;"
                           data-aid="music.pc.20318.newyqqhover" data-stat="music.20318.btnclick.pc">开通</a>
                    </div>

                    <!--付费包-->

                    <div class="popup_user_toolbar__item">
                        <div class="popup_user_toolbar__tit">
                            <a href="https://y.qq.com/vip/fufeibao/index.html" target="_blank" rel="noopener">付费音乐包</a>
                        </div>
                        <div class="popup_user_toolbar__desc c_tx_thin">

                            畅享千万包月曲库

                        </div>
                        <a class="mod_btn_green popup_user_toolbar__btn_vip js_openmusic" href="javascript:;"
                           data-aid="music.pc.20320.newyqqhover" data-stat="music.20320.btnclick.pc">开通</a>
                    </div>

                    <div class="popup_user_toolbar__item">
                        <div class="popup_user_toolbar__tit js_msgcenterdiv">
                            <a href="https://y.qq.com/portal/msg_center.html#stat=y_new.top.pop.msg_center"
                               onclick="setStatCookie&amp;&amp;setStatCookie();">评论通知</a>
                        </div>
                    </div>
                    <div class="popup_user_toolbar__item">
                        <div class="popup_user_toolbar__tit">
                            <a href="javascript:;" class="js_logout" data-stat="y_new.top.pop.logout">退出QQ登录</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- 头部 E -->

<div id="captcha" style="display:none;"></div>

<div class="js_mod_profile_unlogin" style="display:none;">
</div>

<div class="mod_profile js_user_data" style="">
    <div class="section_inner" id="d1">
        <div class="profile__cover_link">
            <img src="images/g" onerror="this.src=&#39;images/person_300.png&#39;;this.onerror=null;" alt="□  ＂冷漠□"
                 class="profile__cover" id="profileHead">
        </div>
        <h1 class="profile__tit">
            <span class="profile__name">□  ＂冷漠□</span><a href="https://y.qq.com/portal/vipportal/index.html"
                                                         rel="noopener nofollow" target="_blank">
            <img src="images/svip_g@2x.png" class="lv_icon"></a>
        </h1>
        <ul class="mod_user_statistic">
            <li class="user_statistic__item">
                <a href="javascript:;" class="js_tab" data-tab="focus_singer" data-stat="y_new.profile.header.focus_click" id="a1">
                    <strong class="user_statistic__number js_num_follow">0</strong><span class="user_statistic__tit">关注</span>
                </a>
            </li>
            <li class="user_statistic__item user_statistic__item--last">
                <a href="javascript:;" class="js_tab" data-tab="fans" data-stat="y_new.profile.header.fans_click" id="a2">
                    <strong class="user_statistic__number js_num_fans">0</strong><span class="user_statistic__tit">粉丝</span></a>
            </li>
        </ul>
<!--        <button class="mod_btn mod_profile__btn_focus js_follow_user" ><i class="mod_btn__icon_new"></i>关注</button>-->
<!--        <a class="mod_profile__inform" >私聊</a>-->

<!--        <button class="btn_lock sprite js_btn_lock" title="主页已公开" data-status="0"><span class="icon_txt">主页已公开</span>-->
<!--        </button>-->

    </div>
</div>

<div class="main main--profile" style="">
    <div class="mod_tab profile_nav" role="nav" id="nav">
        <a class="mod_tab__item mod_tab__current" href="javascript:;" id="like_tab" data-tab="like"
           data-stat="y_new.profile.tab.like">我喜欢</a>
        <a class="mod_tab__item" href="javascript:;" id="buy_tab" data-tab="buy"
           data-stat="y_new.profile.tab.digital_album" style="display: none;">我的已购</a>
        <a class="mod_tab__item" href="javascript:;" id="create_tab" data-tab="create"
           data-stat="y_new.profile.tab.create_playlist">我创建的歌单</a>
        <a class="mod_tab__item" href="javascript:;" id="focus_tab" data-tab="focus"
           data-stat="y_new.profile.tab.focus">关注</a>
        <a class="mod_tab__item" href="javascript:;" id="fans_tab" data-tab="fans"
           data-stat="y_new.profile.tab.fans">粉丝</a>
        <a class="mod_tab__item" href="javascript:;" id="uploadmv_tab" data-tab="uploadmv"
           data-stat="y_new.profile.tab.uploadmv">我上传的视频</a>
        <a class="mod_tab__item" href="javascript:;" id="radio_tab" data-tab="radio" data-stat="y_new.profile.tab.radio"
           style="display:none;">主播电台</a>
    </div>

    <div class="js_box" id="like_box" style="display: block;">
        <div class="mod_tab like_head" role="nav">
            <a class="mod_tab__item mod_tab__current" href="javascript:;" data-tab="like_song"
               data-stat="y_new.profile.like.tab.song" data-tid="0">歌曲 1</a>
            <a class="mod_tab__item" href="javascript:;" data-tab="like_playlist"
               data-stat="y_new.profile.like.tab.playlist" data-tid="1">歌单 0</a>
            <a class="mod_tab__item" href="javascript:;" data-tab="like_album" data-stat="y_new.profile.like.tab.album"
               data-tid="2">专辑
                1</a>
            <a class="mod_tab__item" href="javascript:;" data-tab="like_mv" data-stat="y_new.profile.like.tab.mv"
               data-tid="3">视频
                0</a>
        </div>
        <!-- 我喜欢 -->
        <div class="profile_cont" id="myLike">
            <div class="js_sub" id="like_song_box" style="display: block;">
                <div class="mod_songlist_toolbar">
                    <a href="javascript:;" class="mod_btn_green js_all_play"
                       data-stat="y_new.profile.like.song.playall"><i class="mod_btn_green__icon_play"></i>播放全部</a>
                    <a href="javascript:;" class="mod_btn js_all_fav" data-stat="y_new.profile.like.song.addall"><i
                            class="mod_btn__icon_add"></i>添加到</a>
                    <a href="javascript:;" class="mod_btn js_all_down"
                       data-stat="y_new.profile.like.song.downloadall"><i class="mod_btn__icon_down"></i>下载</a>
                    <a href="javascript:;" class="mod_btn js_batch" data-stat="y_new.profile.like.song.batch"><i
                            class="mod_btn__icon_batch"></i>批量操作</a>
                </div>
                <div class="mod_songlist">
                    <ul class="songlist__header">
                        <li class="songlist__edit songlist__edit--check sprite">
                            <input type="checkbox" class="songlist__checkbox js_check_all">
                        </li>
                        <li class="songlist__header_name">歌曲</li>
                        <li class="songlist__header_author">歌手</li>
                        <li class="songlist__header_album">专辑</li>
                        <li class="songlist__header_time">时长</li>
                    </ul>
                    <ul class="songlist__list">

                        <li mid="104913384" ix="0">
                            <div class="songlist__item"
                                 onmouseover="this.className=(this.className+&#39; songlist__item--hover&#39;)"
                                 onmouseout="this.className=this.className.replace(/ songlist__item--hover/, &#39;&#39;)">
                                <div class="songlist__edit songlist__edit--check sprite">
                                    <input type="checkbox" class="songlist__checkbox">
                                </div>
                                <div class="songlist__songname">

                                    <a href="https://y.qq.com/n/yqq/mv/v/v001892io9b.html"
                                       class="songlist__icon songlist__icon_mv sprite" rel="noopener" target="_blank"
                                       title="MV"><span class="icon_txt">MV</span></a>

                                    <span class="songlist__songname_txt"><a
                                            href="https://y.qq.com/n/yqq/song/004dFFPd4JNv8q.html" class="js_song"
                                            title="来自天堂的魔鬼 ">来自天堂的魔鬼</a></span>
                                    <div class="mod_list_menu">
                                        <a href="javascript:;" class="list_menu__item list_menu__play js_play"
                                           title="播放">
                                            <i class="list_menu__icon_play"></i>
                                            <span class="icon_txt">播放</span>
                                        </a>
                                        <a href="javascript:;" class="list_menu__item list_menu__add js_fav"
                                           title="添加到歌单" aria-haspopup="true">
                                            <i class="list_menu__icon_add"></i>
                                            <span class="icon_txt">添加到歌单</span>
                                        </a>

                                        <a href="javascript:;" class="list_menu__item list_menu__down js_down"
                                           title="VIP下载" aria-haspopup="true" data-target="menu_down">
                                            <i class="list_menu__icon_down_vip"></i>
                                            <span class="icon_txt">VIP下载</span>
                                        </a>

                                        <a href="javascript:;" class="list_menu__item list_menu__share js_share"
                                           title="分享" aria-haspopup="true">
                                            <i class="list_menu__icon_share"></i>
                                            <span class="icon_txt">分享</span>
                                        </a>
                                    </div>
                                </div>

                                <div class="songlist__artist" title="G.E.M. 邓紫棋">

                                    <a href="https://y.qq.com/n/yqq/singer/001fNHEf1SFEFN.html"
                                       data-singermid="001fNHEf1SFEFN" data-singerid="13948" title="G.E.M. 邓紫棋"
                                       class="singer_name">G.E.M. 邓紫棋</a>

                                </div>
                                <div class="songlist__album">
                                    <a data-albummid="003c616O2Zlswm" data-albumid="1196826"
                                       href="https://y.qq.com/n/yqq/album/003c616O2Zlswm.html" title="新的心跳"
                                       class="album_name">新的心跳</a>
                                </div>
                                <div class="songlist__time">04:05</div>
                                <div class="songlist__other">

                                </div>
                                <a href="javascript:;" class="songlist__delete js_delfav_song" data-id="104913384"
                                   title="删除"><span class="icon_txt">删除</span></a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="js_sub" style="display:none;" id="like_playlist_box">
                <div class="mod_playlist_text ">
                    <ul class="playlist__header">
                        <li class="playlist__header_name">歌单</li>
                        <li class="playlist__header_number">曲目数</li>
                        <li class="playlist__header_author">创建人</li>
                        <li class="playlist__header_other">收听</li>
                    </ul>
                </div>
            </div>
            <div class="js_sub" style="display:none;" id="like_album_box">
            </div>
            <div class="js_sub" style="display:none;" id="like_mv_box"></div>
        </div>
        <!--<div class="client_guide" id="limitButton">
            <p class="client_guide__txt">查看更多内容，请下载客户端</p>
            <a href="javascript:;" class="client_guide__btn js_limitButton">立即下载</a>
        </div>-->
    </div>
    <!-- 歌单 -->
    <div class="js_box profile_cont" id="buy_box" style="display:none;">
        <div class="mod_tab" role="nav">
            <a class="mod_tab__item" href="javascript:;" data-tab="buy_album" data-stat="y_new.profile.album.tab.album">数字专辑</a>
            <a class="mod_tab__item" href="javascript:;" data-tab="buy_song"
               data-stat="y_new.profile.album.tab.song">单曲</a>
            <a class="mod_tab__item" href="javascript:;" data-tab="buy_peri" data-stat="y_new.profile.album.tab.peri">实体周边</a>
        </div>
        <div class="profile_cont">
            <div class="js_sub" id="buy_album_box"></div>
            <div class="js_sub" style="display:none;" id="buy_song_box"></div>
            <div class="js_sub" style="display:none;" id="buy_peri_box"></div>
        </div>
    </div>
    <!-- 歌单 -->
    <div class="js_box profile_cont" id="create_box" style="display:none;"></div>
    <!-- 关注 -->
    <div class="js_box" id="focus_box" style="display:none;">
        <div class="mod_tab" role="nav">
            <a class="mod_tab__item mod_tab__current" href="javascript:;" data-tab="focus_singer"
               data-stat="y_new.profile.focus.tab.singer">歌手</a>
            <a class="mod_tab__item" href="javascript:;" data-tab="focus_user" data-stat="y_new.profile.focus.tab.user">用户</a>
        </div>
        <div class="profile_cont">
            <a href="javascript:;" class="mod_btn btn_focus_fan js_focus_friends" style="display: none;"><i
                    class="mod_btn__icon_new"></i>关注更多好友</a>
            <div class="js_sub" id="focus_singer_box"></div>
            <div class="js_sub" style="display:none;" id="focus_user_box"></div>
        </div>
    </div>
    <div class="js_box profile_cont" id="fans_box" style="display:none;">
    </div>
    <!-- 上传的MV -->
    <div class="js_box profile_cont" id="uploadmv_box" style="display:none;">
    </div>
    <!-- 音乐头条 -->
    <div class="js_box profile_cont" id="magazine_box" style="display:none;"></div>
    <!-- 我的主播电台 -->
    <div class="js_box profile_cont" id="radio_box" style="display:none;">
    </div>
</div>
<div id="locked" style="display:none;"></div>
<div id="cgi_none_box" class="" style="display:none;">
    <div class="none_txt">
        <i class="none_txt__symbol"></i>

        <p>系统错误，请
            <a href="javascript:;" onclick="window.location.reload();">刷新</a>重试！</p>

    </div>
    <div class="bg_detail"><i class="bg_detail__pic"></i></div>
</div>
<div class="Pagination" style="margin-left: 770px"></div>
<div class="footer" role="footer">
    <div class="section_inner">
        <div class="footer_info">

            <div class="footer_download">
                <h3 class="footer_tit">下载QQ音乐客户端</h3>
                <ul class="footer_download_list">
                    <li class="footer_download_list__item">
                        <a href="https://y.qq.com/download/" class="js_footer_down" data-type="pc"
                           data-stat="y_new.footer.download.pc"><i class="icon_qm_pc"><span class="icon_txt">QQ音乐</span></i>PC版</a>
                    </li>
                    <li class="footer_download_list__item">
                        <a href="https://y.qq.com/download/" class="js_footer_down" data-type="mac"
                           data-stat="y_new.footer.download.mac"><i class="icon_qm_mac"><span
                                class="icon_txt">QQ音乐</span></i>Mac版</a>
                    </li>
                    <li class="footer_download_list__item">
                        <a href="https://y.qq.com/download/" class="js_footer_down" data-type="andriod"
                           data-stat="y_new.footer.download.andriod"><i class="icon_qm_android"><span class="icon_txt">QQ音乐</span></i>Android版</a>
                    </li>
                    <li class="footer_download_list__item">
                        <a href="https://y.qq.com/download/" class="js_footer_down" data-type="iphone"
                           data-stat="y_new.footer.download.iphone"><i class="icon_qm_iphone"><span class="icon_txt">QQ音乐</span></i>iPhone版</a>
                    </li>
                </ul>
            </div>

            <div class="footer_product">
                <h3 class="footer_tit">特色产品</h3>
                <ul class="footer_product_list">
                    <li class="footer_product_list__item footer_product_list__item--pic">
                        <a href="http://kg.qq.com/?pgv_ref=qqmusic.y.topmenu" rel="noopener" target="_blank"
                           class="js_other_link" data-stat="y_new.footer.other_music.k"><i
                                class="icon_qm_kg"></i>全民K歌</a>
                    </li>
                    <li class="footer_product_list__item footer_product_list__item--pic">
                        <a href="http://y.qq.com/vip/voice_intro/index.html" rel="noopener" target="_blank"
                           class="js_other_link" data-stat="y_new.footer.other_music.supersound"><i
                                class="icon_qm_ss"></i>Super Sound</a>
                    </li>
                    <li class="footer_product_list__item footer_product_list__item--pic">
                        <a href="http://y.qq.com/y/static/down/qplay.html?pgv_ref=qqmusic.y.topmenu" rel="noopener"
                           target="_blank" class="js_other_link" data-stat="y_new.footer.other_music.qplay"><i
                                class="icon_qm_qp"></i>QPlay</a>
                    </li>
                    <li class="footer_product_list__item">
                        <a href="http://y.qq.com/y/static/down/car_introduce.html" rel="noopener" target="_blank"
                           class="js_other_link" data-stat="y_new.footer.other_music.car_play">车载互联</a>
                    </li>
                    <li class="footer_product_list__item">
                        <a href="http://y.qq.com/yanchu/?pgv_ref=qqmusic.y.topmenu" rel="noopener" target="_blank"
                           class="js_other_link" data-stat="y_new.footer.other_music.yanchu">QQ演出</a>
                    </li>
                </ul>
            </div>
            <div class="footer_group">
                <h3 class="footer_tit">TME集团官网</h3>
                <ul class="footer_group_list">
                    <li class="footer_platform_list__item">
                        <a href="https://www.tencentmusic.com/" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_music.thetme">腾讯音乐</a>
                    </li>
                </ul>
            </div>

            <div class="footer_link">
                <h3 class="footer_tit">合作链接</h3>
                <!-- 显示全部 footer_link_list--show -->
                <ul class="footer_link_list">
                    <li class="footer_link_list__item">
                        <a href="https://y.qq.com/portal/company_detail.html?id=297" rel="noopener" target="_blank"
                           class="js_other_link" data-stat="y_new.footer.other_link">CJ ENM</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://v.qq.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">腾讯视频</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://z.qzone.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">手机QQ空间</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://im.qq.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">最新版QQ</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://e.qq.com/index.shtml" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">腾讯社交广告</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://guanjia.qq.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">电脑管家</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://browser.qq.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">QQ浏览器</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://www.weiyun.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">腾讯微云</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="https://cloud.tencent.com/?fromSource=gwzcw.756433.756433.756433" rel="noopener"
                           target="_blank" class="js_other_link" data-stat="y_new.footer.other_link">腾讯云</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://fm.qq.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">企鹅FM</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://www.znds.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">智能电视网</a>
                    </li>
                    <li class="footer_link_list__item">
                        <a href="http://www.dangbei.com/" rel="noopener" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_link">当贝市场</a>
                    </li>
                    <!--li class="footer_link_list__item js_last" style="display:none;"><a href="http://fm.qq.com/" rel="noopener" target="_blank" class="js_other_link" data-stat="y_new.footer.other_link">企鹅FM</a></li>
            <li class="footer_link_list__item"><a href="javascript:;" class="js_footer_more">更多</a></li>
            <li class="footer_link_list__item footer_link_list__item--more"><a href="https://cloud.tencent.com/?fromSource=gwzcw.756433.756433.756433" rel="noopener" target="_blank" class="js_other_link" data-stat="y_new.footer.other_link">腾讯云</a></li-->
                </ul>
            </div>
            <div class="footer_platform">
                <h3 class="footer_tit">开放平台</h3>
                <ul class="footer_platform_list">
                    <li class="footer_platform_list__item">
                        <a href="http://y.tencentmusic.com/" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_music.tme">腾讯音乐人平台</a>
                    </li>
                    <li class="footer_platform_list__item">
                        <a href="https://y.qq.com/vip/daren_recruit/apply.html" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_music.daren_recruit">音乐号认证</a>
                    </li>
                    <!--li class="footer_platform_list__item"><a href="//y.qq.com/portal/mv/mv_upload.html" target="_blank" class="js_other_link" data-stat="y_new.footer.other_music.ugc">上传视频</a></li-->
                    <li class="footer_platform_list__item">
                        <a href="http://y.qq.com/cp/homepage.html#/home" target="_blank" class="js_other_link"
                           data-stat="y_new.footer.other_music.cp">机构入驻</a>
                    </li>

                </ul>
            </div>
        </div>
        <div class="footer_copyright">

            <p>
                <a href="http://www.tencent.com/" rel="noopener nofollow" target="_blank" title="关于腾讯">关于腾讯</a> |
                <a href="http://www.tencent.com/index_e.shtml" rel="noopener nofollow" target="_blank"
                   title="About Tencent">About Tencent</a> |
                <a href="http://www.qq.com/contract.shtml" rel="noopener nofollow" target="_blank" title="服务条款">服务条款</a>
                |
                <a href="http://y.qq.com/y/static/tips/service_tips.html" rel="noopener nofollow" target="_blank"
                   title="用户服务协议">用户服务协议</a> |
                <a href="https://y.qq.com/m/client/intro/privacy.html" rel="noopener nofollow" target="_blank"
                   title="隐私政策">隐私政策</a> |
                <a href="https://y.qq.com/vip/right_declare/index.html" rel="noopener nofollow" target="_blank"
                   title="权利声明">权利声明</a> |
                <a href="http://www.tencentmind.com/" rel="noopener nofollow" target="_blank " title="广告服务 ">广告服务</a> |
                <a href="http://hr.tencent.com/ " rel="noopener nofollow " target="_blank " title="腾讯招聘 ">腾讯招聘</a> |
                <a href="http://service.qq.com/ " rel="noopener nofollow " target="_blank " title="客服中心 ">客服中心</a> |
                <a href="http://www.qq.com/map/ " rel="noopener nofollow " target="_blank " title="网站导航 ">网站导航</a>
            </p>

            <p>Copyright © 1998 -
                <script type="text/javascript ">
                    document.write(new Date().getFullYear());
                </script>
                2019 Tencent.
                <a target="_blank " href="http://www.tencent.com/en-us/le/copyrightstatement.shtml "
                   rel="noopener nofollow " title="All Rights Reserved. ">All Rights Reserved.</a>
            </p>
            <p>腾讯公司
                <a target="_blank " href="http://www.tencent.com/zh-cn/le/copyrightstatement.shtml "
                   rel="noopener nofollow " title="版权所有 ">版权所有</a>
                <a target="_blank " href="http://www.tencent.com/law/mo_law.shtml?/law/copyright.htm "
                   rel="noopener nofollow " title="腾讯网络文化经营许可证 ">腾讯网络文化经营许可证</a>
            </p>
        </div>
    </div>
</div>

</body>
<!-- 引入jquery -->
<script src="./js/jquery-3.2.1.js"></script>
<script>
    /**
     * 获取url地址栏参数      可以获取到中文
     * @param {Object} name
     */
    function getUrlParam(name) {
        //去除函数
        String.prototype.trim = function (char, type) {
            if (char) {
                if (type == 'left') {
                    return this.replace(new RegExp('^\\' + char + '+', 'g'), '');
                } else if (type == 'right') {
                    return this.replace(new RegExp('\\' + char + '+$', 'g'), '');
                }
                return this.replace(new RegExp('^\\' + char + '+|\\' + char + '+$', 'g'), '');
            }
            return this.replace(/^\s+|\s+$/g, '');
        };
        var newArray = new Array();
        var searchUrl = window.location.search;//用法看底下
        searchUrl = searchUrl.trim('?', 'left');
        // searchUrl.trim('?','left');  left 去除
        // searchUrl.trim('?','right');  right 去除
        if (searchUrl != null) {
            var searchData = searchUrl.split("&");//截取 url中的“&”,获得“=”后面的参数
            if (searchData.length > 0) {
                $.each(searchData, function (index, key) {
                    newArray[key.split("=")[0]] = decodeURI(key.split("=")[1]);
                })
                if (newArray[name] == undefined || newArray[name] == null || newArray[name] == '') {
                    return null;
                } else {
                    return newArray[name];
                }
            } else {
                return null;
            }
        } else {
            return null;
        }
    }
</script>
<script>
    let pageNum = 1;
    let pageSize = 5;
    let userLikeType = 0;
    var userId = getUrlParam("userId");


    $(function () {

        /* 分页按钮绑定刷新页面 */
        $("body").on("click", ".Pagination>a", function () {
            pageNum = $(this).prop("title");
            refreshList();
        })

        getCount();
        getLikeOfSong();
        changeLikeType();
    });

    /*刷新数据方法*/
    function refreshList() {
        if ($(".like_head a .mod_tab__current").data("tab") == "like_song") {
            getLikeOfSong();
        } else if ($(".like_head a .mod_tab__current").data("tab") == "like_playlist") {
            getLikeOfSongList();
        } else if ($(".like_head a .mod_tab__current").data("tab") == "like_playlist") {
            getLikeOfAlbum();
        } else {
            getLikeOfMv();
        }
    }

    /* 我喜欢类型点击切换 */
    function changeLikeType() {
        $(".like_head").on("click", "a", function () {
            $("#myLike .js_sub").css("display", "none");
            userLikeType = $(this).data("tid");
            $(".like_head a").removeClass("mod_tab__current");
            $(this).addClass("mod_tab__current");
            switch (userLikeType) {
                case 0 :
                    getLikeOfSong(), $("#like_song_box").css("display", "block");
                    break;
                case 1 :
                    getLikeOfSongList(), $("#like_playlist_box").css("display", "block");
                    break;
                case 2 :
                    getLikeOfAlbum(), $("#like_album_box").css("display", "block");
                    break;
                case 3 :
                    getLikeOfMv(), $("#like_mv_box").css("display", "block");
            }
        });
    }

    /* 统计我喜欢 */
    function getCount() {
        $.getJSON("../userLike/count", {userId:userId}, function (result) {
            if (result.data != null) {
                $.each(result.data, function (i, obj) {
                    /*let str = ".like_head>a:eq("+i+")";*/
                    $(".like_head>a:eq(" + i + ")").text(obj.objName + " " + obj.count);
                })
            }
        });
    }

    /* 获取我喜欢的Mv */
    function getLikeOfMv() {
        $.getJSON("../userLike", {
            pageNum: pageNum,
            pageSize: pageSize,
            userLikeType: userLikeType,
            userId: userId
        }, function (result) {
            let content = "";
            if (result.data != null) {
                content += "<ul class=\"mv_list__list\">\n";
                $.each(result.data.list, function (i, obj) {
                    content += "        <li class=\"mv_list__item mv_list_slide__item\" style=\"width: 25%;\">\n" +
                        "            <div class=\"mv_list__item_box\"><a class=\"mv_list__cover mod_cover\" title=\"Shape Of You\"><img\n" +
                        "                class=\"mv_list__pic\" loading=\"lazy\"\n" +
                        "                src=\"../downloadFileFromQiniu?fileName=" + obj.mvImage + "\"\n" +
                        "                alt=\"" + obj.mvName + "\"\n" +
                        "                data-qar-def=\"//y.qq.com/mediastyle/global/img/mv_300.png?max_age=2592000\"><i\n" +
                        "                class=\"mod_cover__mask\"></i><i class=\"mod_cover__icon_play\"></i></a>\n" +
                        "                <h3 class=\"mv_list__title\"><a>" + obj.mvName + "</a></h3>\n" +
                        "                <p class=\"mv_list__singer\"><a class=\"playlist__author\" title=\"" + obj.singer.singerName + "\"\n" +
                        "                                                  href=\"/n/ryqq/singer/0045p4Sz0LIwL5\">" + obj.singer.singerName + "</a></p></div>\n";
                });
                content += "        </li>\n"
            }
            $("#like_mv_box").html(content);
            $(".Pagination").html(getPageStr(result));
        });
    }

    /* 获取我喜欢的专辑 */
    function getLikeOfAlbum() {
        $.getJSON("../userLike", {
            pageNum: pageNum,
            pageSize: pageSize,
            userLikeType: userLikeType,
            userId: userId
        }, function (result) {
            let content = "<div class=\"mod_playlist_text \">\n" +
                "                    <ul class=\"playlist__header\">\n" +
                "                        <li class=\"playlist__header_name\">专辑</li>\n" +
                "                        <li class=\"playlist__header_number\">曲目数</li>\n" +
                "                        <li class=\"playlist__header_author\">歌手</li>\n" +
                "                        <li class=\"playlist__header_other\">发行时间</li>\n" +
                "                    </ul>";
            if (result.data != null) {
                $.each(result.data.list, function (i, obj) {
                    content += "<ul class=\"playlist__list \">\n" +
                        "                        <li class=\"playlist__item \">\n" +
                        "                            <div class=\"playlist__cover \"><a href=\"/n/ryqq/albumDetail/002E9QS70kqHh6\"><img\n" +
                        "                                    class=\"playlist__pic\" loading=\"lazy\"\n" +
                        "                                    src=\"../downloadFileFromQiniu?fileName=" + obj.albumImage + "\"\n" +
                        "                                    alt=\"Proof\"\n" +
                        "                                    data-qar-def=\"//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000\"></a>\n" +
                        "                            </div>\n" +
                        "                            <h4 class=\"playlist__title\"><span class=\"playlist__title_txt\"><a\n" +
                        "                                    href=\"/n/ryqq/albumDetail/002E9QS70kqHh6\">" + obj.albumName + "</a></span></h4>\n" +
                        "                            <div class=\"mod_list_menu\"><a class=\"list_menu__item list_menu__play\" title=\"播放\"><i\n" +
                        "                                    class=\"list_menu__icon_play\"></i><span class=\"icon_txt\">播放</span></a><a\n" +
                        "                                    class=\"list_menu__item list_menu__add\" title=\"添加到歌单\"><i\n" +
                        "                                    class=\"list_menu__icon_add\"></i><span class=\"icon_txt\">添加到歌单</span></a><a\n" +
                        "                                    class=\"list_menu__item list_menu__down\" title=\"VIP下载\"><i\n" +
                        "                                    class=\"list_menu__icon_down\"></i><span class=\"icon_txt\">VIP下载</span></a><a\n" +
                        "                                    class=\"list_menu__item list_menu__share\" title=\"分享\"><i\n" +
                        "                                    class=\"list_menu__icon_share\"></i><span class=\"icon_txt\">分享</span></a></div>\n" +
                        "                            <div class=\"playlist__number\">" + obj.songNum + "</div>\n" +
                        "                            <div class=\"playlist__author\"><a class=\"js_singer\" title=\"BTS\"\n" +
                        "                                                             href=\"/n/ryqq/singer/001TpDgn4SxyJn\">" + obj.singer.singerName + "</a></div>\n" +
                        "                            <div class=\"playlist__other\">" + obj.albumIssueTime + "</div>\n" +
                        "                        </li>\n" +
                        "                    </ul>\n";
                });
                content += "                </div>";
            }
            $("#like_album_box").html(content);
            $(".Pagination").html(getPageStr(result));
        });
    }

    /* 获取我喜欢的歌单 */
    function getLikeOfSongList() {
        $.getJSON("../userLike", {
            pageNum: pageNum,
            pageSize: pageSize,
            userLikeType: userLikeType,
            userId: userId
        }, function (result) {
            let content = "";
            if (result.data != null) {
                content += "<div class=\"mod_playlist_text \">\n" +
                    "<ul class=\"playlist__header\">\n" +
                    "                        <li class=\"playlist__header_name\">歌单</li>\n" +
                    "                        <li class=\"playlist__header_number\">曲目数</li>\n" +
                    "                        <li class=\"playlist__header_author\">创建人</li>\n" +
                    "                        <li class=\"playlist__header_other\">收听</li>\n" +
                    "                    </ul>";
                $.each(result.data.list, function (i, obj) {
                    content += "                <ul class=\"playlist__list \">\n" +
                        "                    <li class=\"playlist__item \">\n" +
                        "                        <div class=\"playlist__cover \"><a href=\"/n/ryqq/playlist/8070056501\"><img class=\"playlist__pic\"\n" +
                        "                             loading=\"lazy\"\n" +
                        "                             src=\"../downloadFileFromQiniu?fileName=" + obj.songListImage + "\"\n" +
                        "                             alt=\"" + obj.songListName + "\"\n" +
                        "                             data-qar-def=\"//y.qq.com/mediastyle/global/img/playlist_300.png?max_age=2592000\"></a>\n" +
                        "                        </div>\n" +
                        "                        <h4 class=\"playlist__title\"><span class=\"playlist__title_txt\"><a\n" +
                        "                                href=\"/n/ryqq/playlist/8070056501\">" + obj.songListName + "</a></span></h4>\n" +
                        "                        <div class=\"mod_list_menu\"><a class=\"list_menu__item list_menu__play\" title=\"播放\"><i\n" +
                        "                                class=\"list_menu__icon_play\"></i><span class=\"icon_txt\">播放</span></a><a\n" +
                        "                                class=\"list_menu__item list_menu__add\" title=\"添加到歌单\"><i class=\"list_menu__icon_add\"></i><span\n" +
                        "                                class=\"icon_txt\">添加到歌单</span></a><a class=\"list_menu__item list_menu__down\"\n" +
                        "                                                                    title=\"VIP下载\"><i\n" +
                        "                                class=\"list_menu__icon_down\"></i><span class=\"icon_txt\">VIP下载</span></a><a\n" +
                        "                                class=\"list_menu__item list_menu__share\" title=\"分享\"><i\n" +
                        "                                class=\"list_menu__icon_share\"></i><span class=\"icon_txt\">分享</span></a></div>\n" +
                        "                        <div class=\"playlist__number\">" + obj.songNum + "首</div>\n" +
                        "                        <div class=\"playlist__author\"><a href=\"/n/ryqq/profile?uin=oK4ioinqoi-i\">" + obj.user.userName + "</a></div>\n" +
                        "                        <div class=\"playlist__other\">" + obj.songListPlayCount + "</div>\n" +
                        "                    </li>\n" +
                        "                </ul>\n";
                });
                content += "</div>";
            }
            $("#like_playlist_box").html(content);
            $(".Pagination").html(getPageStr(result));
        });
    }

    /* 获取我喜欢的歌曲 */
    function getLikeOfSong() {
        $.getJSON("../userLike", {
            pageNum: pageNum,
            pageSize: pageSize,
            userLikeType: userLikeType,
            userId: userId
        }, function (result) {
            let content = "";
            let pageContent = "";
            if (result.data != null) {
                content += "<ul class=\"songlist__header\">\n" +
                    "                        <li class=\"songlist__edit songlist__edit--check sprite\">\n" +
                    "                            <input type=\"checkbox\" class=\"songlist__checkbox js_check_all\">\n" +
                    "                        </li>\n" +
                    "                        <li class=\"songlist__header_name\">歌曲</li>\n" +
                    "                        <li class=\"songlist__header_author\">歌手</li>\n" +
                    "                        <li class=\"songlist__header_album\">专辑</li>\n" +
                    "                        <li class=\"songlist__header_time\">时长</li>\n" +
                    "                    </ul>\n";
                $.each(result.data.list, function (i, obj) {
                    content += "                    <ul class=\"songlist__list\">\n" +
                        "\n" +
                        "                        <li mid=\"104913384\" ix=\"0\">\n" +
                        "                            <div class=\"songlist__item\"\n" +
                        "                                 onmouseover=\"this.className=(this.className+&#39; songlist__item--hover&#39;)\"\n" +
                        "                                 onmouseout=\"this.className=this.className.replace(/ songlist__item--hover/, &#39;&#39;)\">\n" +
                        "                                <div class=\"songlist__edit songlist__edit--check sprite\">\n" +
                        "                                    <input type=\"checkbox\" class=\"songlist__checkbox\">\n" +
                        "                                </div>\n" +
                        "                                <div class=\"songlist__songname\">\n" +
                        "\n" +
                        "                                    <a href=\"https://y.qq.com/n/yqq/mv/v/v001892io9b.html\"\n" +
                        "                                       class=\"songlist__icon songlist__icon_mv sprite\" rel=\"noopener\" target=\"_blank\"\n" +
                        "                                       title=\"MV\"><span class=\"icon_txt\">MV</span></a>\n" +
                        "\n" +
                        "                                    <span class=\"songlist__songname_txt\"><a\n" +
                        "                                            href=\"https://y.qq.com/n/yqq/song/004dFFPd4JNv8q.html\" class=\"js_song\"\n" +
                        "                                            title=\"" + obj.songName + " \">" + obj.songName + "</a></span>\n" +
                        "                                    <div class=\"mod_list_menu\">\n" +
                        "                                        <a href=\"javascript:;\" class=\"list_menu__item list_menu__play js_play\"\n" +
                        "                                           title=\"播放\">\n" +
                        "                                            <i class=\"list_menu__icon_play\"></i>\n" +
                        "                                            <span class=\"icon_txt\">播放</span>\n" +
                        "                                        </a>\n" +
                        "                                        <a href=\"javascript:;\" class=\"list_menu__item list_menu__add js_fav\"\n" +
                        "                                           title=\"添加到歌单\" aria-haspopup=\"true\">\n" +
                        "                                            <i class=\"list_menu__icon_add\"></i>\n" +
                        "                                            <span class=\"icon_txt\">添加到歌单</span>\n" +
                        "                                        </a>\n" +
                        "\n" +
                        "                                        <a href=\"javascript:;\" class=\"list_menu__item list_menu__down js_down\"\n" +
                        "                                           title=\"VIP下载\" aria-haspopup=\"true\" data-target=\"menu_down\">\n" +
                        "                                            <i class=\"list_menu__icon_down_vip\"></i>\n" +
                        "                                            <span class=\"icon_txt\">VIP下载</span>\n" +
                        "                                        </a>\n" +
                        "\n" +
                        "                                        <a href=\"javascript:;\" class=\"list_menu__item list_menu__share js_share\"\n" +
                        "                                           title=\"分享\" aria-haspopup=\"true\">\n" +
                        "                                            <i class=\"list_menu__icon_share\"></i>\n" +
                        "                                            <span class=\"icon_txt\">分享</span>\n" +
                        "                                        </a>\n" +
                        "                                    </div>\n" +
                        "                                </div>\n" +
                        "\n" +
                        "                                <div class=\"songlist__artist\" title=\"" + obj.singer.singerName + "\">\n" +
                        "\n" +
                        "                                    <a href=\"https://y.qq.com/n/yqq/singer/001fNHEf1SFEFN.html\"\n" +
                        "                                       data-singermid=\"001fNHEf1SFEFN\" data-singerid=\"" + obj.singer.singerId + "\" title=\"" + obj.singer.singerName + "\"\n" +
                        "                                       class=\"singer_name\">" + obj.singer.singerName + "</a>\n" +
                        "\n" +
                        "                                </div>\n" +
                        "                                <div class=\"songlist__album\">\n" +
                        "                                    <a data-albummid=\"003c616O2Zlswm\" data-albumid=\"" + obj.album.albumId + "\"\n" +
                        "                                       href=\"https://y.qq.com/n/yqq/album/003c616O2Zlswm.html\" title=\"" + obj.album.albumName + "\"\n" +
                        "                                       class=\"album_name\">" + obj.album.albumName + "</a>\n" +
                        "                                </div>\n" +
                        "                                <div class=\"songlist__time\">" + obj.songDuration + "</div>\n" +
                        "                                <div class=\"songlist__other\">\n" +
                        "\n" +
                        "                                </div>\n" +
                        "                                <a href=\"javascript:;\" class=\"songlist__delete js_delfav_song\" data-id=\"" + obj.songId + "\"\n" +
                        "                                   title=\"删除\"><span class=\"icon_txt\">删除</span></a>\n" +
                        "                            </div>\n" +
                        "                        </li>\n" +
                        "\n" +
                        "                    </ul>";
                });
                pageContent = getPageStr(result);
            }
            $(".mod_songlist").html(content);
            $(".Pagination").html(pageContent);
        });
    }

    /* 传入分页对象获取分页拼接字符串 */
    function getPageStr(result) {
        let pageContent = "";
        /*渲染分页开始 5页导航页*/
        if (result.data.isFirstPage) {
            pageContent += "<span class=\"disabled\" title=\"首页\">首页 </span>";
        } else {
            pageContent += "<a href=\"javascript:void(0)\" title=\"1\">首页</a>";
        }
        if (result.data.hasPreviousPage) {
            pageContent += "<a href=\"javascript:void(0)\" title=\"" + (result.data.pageNum - 1) + "\">上一页</a>";
        } else {
            pageContent += "<span class=\"disabled\" title=\"上一页\">上一页 </span>";
        }

        if (result.data.pages >= result.data.navigatePages) {
            if (result.data.pageNum <= 2) {
                for (var i = 1; i <= result.data.navigatePages; i++) {
                    if (i == result.data.pageNum) {
                        pageContent += "<span class=\"current\" title=\"" + i + "\">" + i + "</span>";
                    } else {
                        pageContent += "<a href=\"javascript:void(0)\" title=\"" + i + "\">" + i + "</a>";
                    }
                }
            } else if (result.data.pageNum >= result.data.pages - 1) {
                for (var i = result.data.pages - 4; i <= result.data.pages; i++) {
                    if (i == result.data.pageNum) {
                        pageContent += "<span class=\"current\" title=\"" + i + "\">" + i + "</span>";
                    } else {
                        pageContent += "<a href=\"javascript:void(0)\" title=\"" + i + "\">" + i + "</a>";
                    }
                }

            } else {
                for (var i = result.data.pageNum - 2; i <= result.data.pageNum + 2; i++) {
                    if (i == result.data.pageNum) {
                        pageContent += "<span class=\"current\" title=\"" + i + "\">" + i + "</span>";
                    } else {
                        pageContent += "<a href=\"javascript:void(0)\" title=\"" + i + "\">" + i + "</a>";
                    }
                }
            }

        } else {
            var i;
            for (i = 1; i <= result.data.pages; i++) {
                if (i == result.data.pageNum) {
                    pageContent += "<span class=\"current\" title=\"" + i + "\">" + i + "</span>";
                } else {
                    pageContent += "<a href=\"javascript:void(0)\" title=\"" + i + "\">" + i + "</a>";
                }
            }
        }
        if (result.data.hasNextPage) {
            pageContent += "<a href=\"javascript:void(0)\" title=\"" + (result.data.pageNum + 1) + "\">下一页</a>";
        } else {
            pageContent += "<span class=\"disabled\" title=\"下一页\">下一页 </span>";
        }
        if (result.data.isLastPage) {
            pageContent += "<span class=\"disabled\" title=\"尾页\">尾页 </span>";
        } else {
            pageContent += "<a href=\"javascript:void(0)\" title=\"" + result.data.pages + "\">尾页</a>";
        }
        /*渲染分页结束 5页导航页*/
        return pageContent;
    }
</script>
<script>

    f();

    function f() {
        $.ajax({
            type: "GET",
            url: "/user/infor",
            data: {
                userId: userId
            },
            dataType: "json",
            success: (result, xhr, status) => {
                if (result.status == 200) {
                    let con = "<span class=\"profile__name\">" + result.data[0].objValue + "</span><a href=\"./vip.html\"\n" +
                        "                                                         rel=\"noopener nofollow\" target=\"_blank\">";
                    if (result.data[4].objValue == "2") {
                        con += "<img src=\"images/svip_g@2x.png\" class=\"lv_icon\"></a>";
                    } else {
                        con += "<img src=\"images/svip1.png\" class=\"lv_icon\"></a>";
                    }
                    $(".profile__tit").html(con);
                    let con1 = "<img src=\"" + result.data[1].objValue + "\" onerror=\"this.src=&#39;images/person_300.png&#39;;this.onerror=null;\" alt=\"" + result.data[0].objValue + "\"\n" +
                        "                 class=\"profile__cover\" id=\"profileHead\">";
                    $(".profile__cover_link").html(con1);
                    let con2="<strong class=\"user_statistic__number js_num_follow\">"+result.data[2].objValue+"</strong><span class=\"user_statistic__tit\">关注</span>";
                    $("#a1").html(con2);
                    let con3="<strong class=\"user_statistic__number js_num_fans\">"+result.data[3].objValue+"</strong><span class=\"user_statistic__tit\">粉丝</span>";
                    $("#a2").html(con3);
                }
            }
        })
    }
</script>
<script>
    function lay(u1,u2){
        var a=u1;
        if(a==null){
            alert("您还为登录！");
        }else{
            location.href="./Layim.html?u1="+a+"&u2="+u2+"";
        }

    }
    var x1="";
    var p=true;
    window.onload=function () {
        $.ajax({
            type: 'get',
            data: {},
            url:'/user/session',
            dataType: 'json'
        }).done(function (result) {
            if (result.data != null) {
                if(result.data.userId==userId){
                }else{
                    p=false;
                    x1=result.data.userId;
                    // let cont="<button class=\"mod_btn mod_profile__btn_focus js_follow_user\" ><i class=\"mod_btn__icon_new\"></i>关注</button>\n" +
                    //     "        <a class=\"mod_profile__inform\" onclick=\"lay('"+result.data.userId+"',"+userId+")\">私聊</a>";
                    // console.log(cont);
                    // $("#d1").append(cont);
                    a();
                }

            } else {
                let cont="<button class=\"mod_btn mod_profile__btn_focus js_follow_user\" onclick=\"b()\"><i class=\"mod_btn__icon_new\"></i>关注</button>\n" +
                    "        <a class=\"mod_profile__inform\" onclick=\"lay(null,"+userId+")\">私聊</a>";
                console.log(cont);
                $("#d1").append(cont);
            }
        });




    }
    function a() {

            $.ajax({
                type: 'get',
                data: {u1:x1,u2:userId},
                url:'/user/panduan',
                dataType: 'json'
            }).done(function (result) {
                if (result.data ==true) {
                    let cont="<button class=\"mod_btn mod_profile__btn_focus\" onclick=\"c()\"><i class=\"mod_btn__icon_yes\"></i>已关注</button>" +
                        "        <a class=\"mod_profile__inform\" onclick=\"lay('"+x1+"','"+userId+"')\">私聊</a>";
                    console.log(cont);
                    $("#d1").append(cont);

                }else{
                    let cont="<button class=\"mod_btn mod_profile__btn_focus js_follow_user\" onclick=\"b()\"><i class=\"mod_btn__icon_new\"></i>关注</button>\n" +
                        "        <a class=\"mod_profile__inform\" onclick=\"lay('"+x1+"','"+userId+"')\">私聊</a>";
                    console.log(cont);
                    $("#d1").append(cont);
                }
            });

    }
    function b() {
        if(p==true){
            alert("您还为登录");
        }else {
            $.ajax({
                type: 'get',
                data: {u1:x1,u2:userId},
                url:'/user/insert',
                dataType: 'json'
            }).done(function (result) {
                if (result.data ==true) {
                    alert("关注成功");
                    location.reload();
                }else{
                    alert("关注失败");
                }
            })
        }
    }
    function c() {
        $.ajax({
            type: 'get',
            data: {u1:x1,u2:userId},
            url:'/user/delete',
            dataType: 'json'
        }).done(function (result) {
            if (result.data ==true) {
                alert("取消关注成功");
                location.reload();
            }else{
                alert("取消关注失败");
            }
        })
    }
</script>
</html>